<!DOCTYPE html>
<html lang="en">

    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link rel='stylesheet' href="css/plant_introduction.css">
        <title>养护攻略</title>
    </head>

    <body>
        <?php
        include_once 'mydb.php';
        require_once 'pinyin.class';

        $pdo = getConnect();
        $pinyin = new EJCMS_Pinyin();

        $id = $_GET["plantID"];
//        $searchpl = $_GET["searchfor"];
        ?>

        <!--        <div class="divbody">
                    <h2 class="plant_name">大花马齿苋(dà huā mǎ chǐ xiàn)</h2>
        
                    <div class="plant_imgs">
                        <div class="group">
                            <img src="./webImgs/dahuamachixian1.jpg">
                            <button onclick="window.location.href = 'search_result.html?1'" class="set_button"
                                    target="_blank">设为搜索结果图</button>
                        </div>
                        <div class="group">
                            <img src="./webImgs/dahuamachixian2.jpg">
                            <button onclick="window.location.href = 'search_result.html?2'" class="set_button"
                                    target="_blank">设为搜索结果图</button>
                        </div>
                        <div class="group">
                            <img src="./webImgs/dahuamachixian3.jpg">
                            <button onclick="window.location.href = 'search_result.html?3'" class="set_button"
                                    target="_blank">设为搜索结果图</button>
                        </div>
                    </div>
        
                    <div class="plant_intro">-->
        <!--<form action="search_result.php" method="GET">-->
        <?php
        $queryForIntro = 'select ID, Search_name, Introduction, Period, Habit, Cultivation from plants where ID=' . $id;

        $resultSet = $pdo->query($queryForIntro);

        echo '<div class="divbody">';
        
        echo '<div class="head_link">';
            echo '<a href="plantsDictionary.html" class="link">植物字典</a>';
            echo '<a href="home.php" class="link">首页&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|</a>';
        echo '</div>';

        if ($resultSet) {
            $rows = $resultSet->fetchAll();

            foreach ($rows as $Row) {
                $pln = $Row['Search_name'];

                $plnpy = $pinyin->encode($pln, "all");

                echo'<h2 class="plant_name" style="letter-spacing:25px">';
                echo $Row['Search_name'];
                echo '</h2>';

                echo '<div class="plant_imgs">';
                echo '<div class="group">';
                echo "<img src='../plantsImg/" . $plnpy . "1.jpg' id='img1'>";
                echo "<button onclick='put_back1()' class='set_button' >置后></button>";
                echo '</div>';

                echo '<div class="group">';
                echo "<img src='../plantsImg/" . $plnpy . "2.jpg' id='img2'>";
//                    echo '<button onclick="" class="set_button"
//                    echo "<button onclick='window.location.href=&quot;search_result.html' class='set_button'
//                            target='_blank'>设为搜索结果图</button>";
                echo '<div class="button_group">';
                echo "<button onclick='put_forward1()' class='set_button' id='left'><置前</button>";
                echo "<button onclick='put_back2()' class='set_button' id='right'>置后></button>";
                echo '</div>';
                echo '</div>';

                echo '<div class="group">';
                echo "<img src='../plantsImg/" . $plnpy . "3.jpg' id='img3'>";
                echo "<button onclick='put_forward2()' class='set_button'><置前</button>";
//                    echo "<button onclick='window.location.href=&quot;search_result.html' class='set_button'
//                            target='_blank'>设为搜索结果图</button>";
                echo '</div>';

                echo '</div>';

                echo "<div class='divbody' style='width: 80%;'>";

                echo '<h4 style=" text-align: left;">简介</h4>';
                echo '<p style=" text-align: left;">';
                echo $Row['Introduction'];
                echo '</p>';

                echo '<h4 style=" text-align: left;">物候期</h4>';
                echo '<p style=" text-align: left;">';
                echo $Row['Period'];
                echo '</p>';

                echo '<h4 style=" text-align: left;">习性</h4>';
                echo '<p style=" text-align: left;">';
                echo $Row['Habit'];
                echo '</p>';

                echo '<h4 style=" text-align: left;">繁殖培育</h4>';
                echo '<p style=" text-align: left;">';
//                echo '&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp';
                echo $Row['Cultivation'];
                echo '</p>';
            }
        }

        // 关闭结果集
        //$result->close();
        // 关闭连接
        //$mysqli->close();
        ?>
        <!--                h4>简介</h4>
                        <p>拉丁名: Portulaca grandiflora Hook.
                            一年生草本，高10-30厘米。茎平卧或斜升，紫红色，多分枝，节上丛生毛。叶密集枝端，较下的叶分开，不规则互生，叶片细圆柱形，无毛。花单生或数朵簇生枝端，直径2.5-4厘米，日开夜闭；总苞8-9片，叶状，轮生，具白色长柔毛；花瓣5或重瓣，倒卵形，顶端微凹，长12-30毫米，红色、紫色或黄白色。蒴果近椭圆形，盖裂；种子细小，多数，圆肾形，直径不及1毫米。花期6-9月，果期8-11月。
                        </p>
        
                        <h4>物候期</h4>
                        <p>物候期：花期6-9月，果期8-11月；
                        </p>
        
                        <h4>习性</h4>
                        <p>喜温暖气候和湿润、半阴的环境。对土壤要求不严，栽培以土层深厚、疏松、肥沃、排水良好的沙质壤土或腐殖质壤土为好。土壤粘重和低洼易积水的地块不宜种植。
                        </p>
        
                        <h4>繁殖培育</h4>
                        <p>大花马齿苋种子非常细小，每克约8400粒，经常采用育苗盘播种，极轻微地覆些细粒蛭石，或仅在播种后略压实，以保证足够的湿润。发芽温度21-24℃，约7-10天出苗，幼苗极其细弱，因此如保持较高的温度，小苗生长很快，便能形成较为粗壮、肉质的枝叶。这时小苗可以直接上盆，采用10厘米左右直径的盆，每盆种植2-5株，成活率高，生长迅速。
                            种子繁殖为主，自播能力也很强。春、夏、秋均可播种。当气温20℃以上时种子萌发，播后10天左右发芽。覆土宜薄，不盖土亦能生长。幼苗分栽，株行距5×6厘米。需施液肥数次。在15℃以上条件下约20余天即可开花。
                            [3]
                            扦插
                            扦插繁殖常用于重瓣品种，在夏季将剪下的枝梢作插穗，萎蔫的茎也可利用，插活后即出现花蕾。扦插时间：5月初至8月底均可剪取5cm左右的嫩茎顶端进行扦插。扦插方法：抹平容器中培养土平面，将剪来的大花马齿苋嫩枝头插入竹筷戳成的洞中，深入培养土最多不超过2厘米。为使盆花尽快成形、丰满，一盆中可视花盆大小，只要能保持2厘米的间距，可扦插多株（到成苗拥挤时，可分栽他盆）。接着浇足水即可。新扦插苗可遮阴，也可不遮阴，只要保持一定湿度，一般10-15天即可成活，进入正常的养护。
                            分株
                            在夏季收获后，把老兜挖出，选生长好的，分成小兜，按行距30厘米，株距7-10厘米栽种，淋入畜粪水。分株繁殖的，在栽后发出新苗时中除，追肥一次，以后只须拔草松土，至九月收获后及11月各追肥一次过冬。
                        </p>-->
    </form>
</div>
</div>

</body>

<script>
    $(document).ready(function () {
            $('.plant_name').hide().fadeIn(800);
//            $('p').hide().fadeIn(1000);
//            $('img').hide().fadeIn(3000);
        });

    function put_forward1() {
        var img1 = document.getElementById('img1');
        var img2 = document.getElementById('img2');
        temp = img1.src;
        img1.src = img2.src;
        img2.src = temp;
    }
    function put_forward2() {  
        var img2 = document.getElementById('img2');
        var img3 = document.getElementById('img3');
        temp = img3.src;
        img3.src = img2.src;
        img2.src = temp;
    }
    function put_back1() {
        var img1 = document.getElementById('img1');
        var img2 = document.getElementById('img2');
        temp = img1.src;
        img1.src = img2.src;
        img2.src = temp;
    }
    function put_back2() {
        var img2 = document.getElementById('img2');
        var img3 = document.getElementById('img3');
        temp = img3.src;
        img3.src = img2.src;
        img2.src = temp;
    }
</script> 

</html>